<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>胡胡 ❤ 沈沈</title>
    <meta name="description" content="喜欢的第一次遇到如此女孩子~">
    <meta name="keywords" content="lm">
    <link rel="stylesheet" type="text/css" href="./css/lovexhj.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
</head>

<body>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=117614&auto=1&height=66"></iframe>
    <!-- 标题板块 -->
    <div class="title">
        <img src="./images/bg1.gif" alt="bgGif">
        <p id="tqyxhj"></p>
    </div>

    <!-- 分页1 - 骚话 -->
    <div class="page page1">
        <div class="swiper-container swiper-container-lovexhj1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img src="./images/boy.jpg" alt="xhj">
                        <img src="./images/cat.gif" alt="cat">
                        <img src="./images/girl.jpg" alt="tqy">
                        <p id="lovetime"></p>
                        <p>第一次过520该怎么过呢，程序员小胡想破了头（沉思ing）</p>
                        <p>想起小沈说，"胡艺你都没给我写过信"，那就搞点老本行吧~</p>
                        <span class="right">往右划动 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/emo1.png" alt="cat2">
                        <p class="catText">小沈给我发的第一个表情包 ↑</p>
                        <p>第一次加了微信聊天</p>
                        <p>咱俩好像就对<b>摸鱼</b>展开了深入讨论</p>
                        <p>哈哈哈，好像是同道中人呢</p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/emo2.png" alt="cat3">
                        <p class="catText">第一次跟小沈看电影 ↑</p>
                        <p>翻了好久手机才找到这张图</p>
                        <p>还记得<b>玲芽之旅</b>这个场景波</p>
                        <p>女主小姨跟女主一起找什么门</p>
                        <p>最后总结：女主恋爱脑，见了人家一面就跟人家跑了</p>
                        <span class="right">再划一次吧 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/emo3.png" alt="cat4">
                        <p class="catText">嘿嘿，应该是第一张合拍 ↑</p>
                        <p>当时应该是在玩金铲铲~</p>
                        <p>小胡绘声绘色的在给小沈讲羁绊</p>
                        <p>么么小沈(๑′ᴗ‵๑)</p>
                        <p><b>开始讲我们的故事啦~</b></p>
                        <span class="right">往下吧 ↓</span>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
        </div>
    </div>

    <!-- 分页2 - 时间轴 -->
    <div class="page page2">
        <div class="swiper-container swiper-container-lovexhj2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic1.jpg" alt="2">
                        <img src="./images/pic1-1.jpg" alt="2">
                        <p><b>在一起啦~</b></p>
                        <p>2023-04-14</p>
                        <p>小胡和小沈的故事，开始啦</p>
                        <p>（撒花✿✿ヽ(°▽°)ノ✿）</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic2.jpg" alt="1">
                        <p><b>这是咱俩生活的城市的照片</b></p>
                        <p>因为小沈，我渐渐对这座城市有了温馨的感觉</p>
                        <p>每天很充实，日子也渐渐丰满起来</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic3.jpg" alt="2">
                        <p><b>这是第一次秀恩爱的朋友圈</b></p>
                        <p>想想一把年纪，还做这种年轻人的事</p>
                        <p>不过最后还收获了100多赞，确实有点受宠若惊呢</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic4.png" alt="3">
                        <p><b>收藏了好几个类似的问题</b></p>
                        <p>想着能从中获取些前辈们的心得，体会</p>
                        <p>然后让我们家沈沈对我刮目相看</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic5.jpg" alt="4">
                        <p><b>第一次带小沈出远门</b></p>
                        <p>相信以后还会有很多次</p>
                        <p>希望未来能走遍大江南北</p>
                        <p>和小沈一起❤</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic6.jpg" alt="5">
                        <p><b>跟小沈一起打游戏</b></p>
                        <p>查到攻略的小沈，兴奋的收集着月亮</p>
                        <p>看着嘚瑟又开心的小沈，又是喜欢她的一天...</p>
                    </div>
                </div>
                <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/pic7.jpg" alt="6">
                        <p><b>嘻嘻，情侣装</b></p>
                        <p>520一起穿出去虐单身狗</p>
                        <p>终于可以在520大大方方的出门啦</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic8.jpg" alt="7">
                        <p><b>带小沈参加婚礼</b></p>
                        <p>不是一个人参加朋友婚礼啦</p>
                        <p>吼吼吼，脱离孤寡单身狗队列</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/pic9.jpg" alt="8">
                        <p><b>blue的大海</b></p>
                        <p>从小到大就觉得大海还是蛮浪漫的</p>
                        <p>就在大海下见证我们的爱情叭</p>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
        </div>
    </div>

    <!-- 分页3 - 一段话 -->
    <div class="page page3">
        <div id="talkToXHJ">
            <b>致沈玉洁的一封信</b>
            <br />
            虽然小胡小嘴不甜
            <br />
            而且也没那么主动...
            <br />
            <br />
            <b>但</b>
            <br />
            比较直男的我，还是决定用我擅长的的本质工作来送你一个小小的虚拟礼物
            <br />
            其实我也不太懂仪式感究竟是个什么样形式的场面
            <br />
            查了很多攻略都说，真诚才是必杀技，用心做的才会更好
            <br />
            我想在小沈需要的时候，马上出现在她的身边，照顾她，保护她。
            <br />
            简单一句 "你站在这里别动，我来找你"（霸道总裁音），也泰酷了叭
            <br />
            <br />
            <b>我想</b>
            <br />
            我想告诉你,你的前半生我没有参与,你的后半生我一定奉陪到底
            <br />
            爱你呀，我的宝
            <br />
            都行情侣，奥利给
            <br />
            ## 爱你的小胡 (๑′ᴗ‵๑)~ ❤
        </div>
    </div>

    <!-- 分页4 - 结尾 -->
    <div class="page page4">
        <div class="page4-box">
            <div class="page4-img">
                <div class="swiper-container swiper-container-lovexhj3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/vcode1.png" alt="page-4-1">
                        </div>
                    </div>
<!--                    <div class="swiper-button-prev swiper-button-prev-lovexhj3"></div>-->
<!--                    <div class="swiper-button-next swiper-button-next-lovexhj3"></div>-->
                </div>
            </div>
            <div class="page4-text">
                <h1>More surprise</h1>
                <p>扫码了解更多</p>
            </div>
        </div>

        <div class="footer">
            <div class="footerBox">
                <p>
                    &copy; 2023.5.20
                    <a href="#">胡胡 && 沈沈</a>
                </p>
            </div>
        </div>
    </div>

    <!-- 两只ZXX一样的猪 -->
    <div class="xhjIsPig">
        <img src="./images/pig1.gif" alt="pig1" class="pig1">
        <img src="./images/pig2.gif" alt="pig2" class="pig2">
    </div>

    <!-- js加载 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="./js/typeit.min.js"></script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script src="./js/lovetime.js"></script>
    <script src="./js/talk.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/su.js"></script>
    <script>
        (function () {
            new WOW().init()
        })()
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('body').wpSuperSnow({
                flakes: ['./images/004.png', './images/003.png', './images/002.png',
                    './images/001.png'
                ],
                totalFlakes: '100',
                zIndex: '999999',
                maxSize: '30',
                maxDuration: '20',
                useFlakeTrans: false
            });
        });
    </script>
</body>

</html>
